<!DOCTYPE html>
<html lang="en" class="no-js" xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<title>超链接特效</title>
		<meta name="description" content="这里提供了各种各样的超链接特性，有些是借助伪元素，有些是借助svg，有些是借助HTML5动画。用你的鼠标悬停在这些链接上，给你跟传统链接完全不一样的效果感觉。你需要使用现代浏览器，比如谷歌浏览器或火狐浏览器。">
		<meta name="author" content="Codrops">
		<link rel="stylesheet" type="text/css" href="normalize.css">
		<link rel="stylesheet" type="text/css" href="demo.css">
		<link rel="stylesheet" type="text/css" href="component.css">
		<!--[if IE]>
  		<script src="html5.js"></script>
		<![endif]-->
</head>
	<body>
			<div class="svg-wrap">
			<svg viewBox="0 0 400 20" xmlns="http://www.w3.org/2000/svg">
				<path id="svg_line" d="m 1.986,8.91 c 55.429038,4.081 111.58111,5.822 167.11781,2.867 22.70911,-1.208 45.39828,-0.601 68.126,-0.778 28.38173,-0.223 56.76079,-1.024 85.13721,-1.33 24.17379,-0.261 48.42731,0.571 72.58115,0.571"></path>
			</svg>
			<svg viewBox="0 0 400 60" xmlns="http://www.w3.org/2000/svg">
				<path id="svg_marker" d="m 3.518915,27.827324 c 55.429038,4.081 111.581115,5.822 167.117815,2.867 22.70911,-1.208 45.39827,-0.601 68.126,-0.778 28.38172,-0.223 56.76078,-1.024 85.13721,-1.33 24.17378,-0.261 48.4273,0.571 72.58114,0.571"></path>
			</svg>
		</div>
		<div class="container">
			<!-- Top Navigation -->
			<section class="link-curtain">
				<p>
当我们<a href="#">忽弄生活</a>的时候,生活也在忽弄我们,只是我们没有感觉而已。<br>

上高四的时候，人都<a href="#">变得很静</a>。不怎么说话，但都很喜欢听歌。<br>

因为歌里有一种让人脱离躯体的感觉。<br>

明明知道那是假的，但仍然很喜欢。也许，<a href="#">这就是青春</a>。</p>
			</section>
			<section class="link-braces">
					<p>
				想过在<a href="#">某一天</a>的黄昏，面对着红色的晚霞。<br>

想着曾经的梦想，在那一杀那远的不着边际；<a href="#"  data-dummy="曾经的信仰">曾经的信仰</a>，在一瞬间灰飞烟灭。<br>

然后带着<a href="#"  data-dummy="忧伤的泪水">忧伤的泪水</a>，无言的面对着自己，以及自己的过去和未来。<br>

现在，这一切都已成真。
	
			</p>
			</section>
			<section class="link-textfall">
				<p>
				当风划过天空的那一瞬间，我看见了梦在<a href="#"  data-dummy="遥远的空中">遥远的空中</a>飞翔。
				<br>划过一个句号和半个感叹号！也许，这就是命运。<br>

当寂寞在<a href="#" data-dummy="秋风中摇曳">秋风中摇曳</a>的时候，我只有让回忆来抚摸沧桑的夜晚。<br>

依着秋风掠过的飞痕，所有的风景都在<a href="#" data-dummy="岁月里">岁月里</a>呈现。

	
			</p>
			</section>
			<section class="link-svgline">

<p>
			<a href="#">一个个文字<svg class="link-svgline"><use xlink:href="#svg_line"></use></svg></a>，记录着一个个不眠的夜晚，记录着一个个…..
			<br>曾经的记忆，牵引着我的<a href="#">双眸<svg class="link-svgline"><use xlink:href="#svg_line"></use></svg></a>。<br>

我<a href="#">害怕<svg class="link-svgline"><use xlink:href="#svg_line"></use></svg></a>我的文字会弄坏它们。
<br>
但是我禁不住在纸上游弋，但星星都睡了，但<a href="#">夜还醒着<svg class="link-svgline"><use xlink:href="#svg_line"></use></svg></a>的时候。

</p>
			</section>
			<section class="link-fadeinbg">
				<p>
				报名是时候，人流涌动。<a href="#">因为陌生</a>，所以无言。<br>

来的人很多，我们都怀抱同一个梦想，踏入高四的门槛。<br>

<a href="#">报名的同学</a>都小心翼翼地，填写表格。彼此似曾相识，却又如此陌生。<br>

“ok,开学再来吧。”简短的答复之后是暑假<a href="#">延绵无尽的</a>等待。
				
				</p>
			</section>
			<section class="link-slideup">
				<p>当我们还像<a href="#">最初的花</a>一样准备再一次热情开放的时候，怀揣果实的一些人却已远走他乡，去进行生命的另一段旅程。<br>

我揣着自己最本质的梦想，踏进了市里的一所<a href="#">中学的大门</a>。<br>

揣着<a href="#">梦想</a>，载着希望，如风奔跑。</p>
			</section>
			<section class="link-slideright">
				<p>
不管自己是兔子还是<a href="#">狮子</a>.
<br>
<a href="#">我们</a>都必须竭尽所能的舞动命运的双足.<br>像是在进行一场<a href="#">极速的赛事</a>一样，快速奔跑。</p>
			</section>

			<section class="link-flip">
				<p>生活的源头里，青春慢慢地流淌着，<a href="#">不知尽头</a>。
				<br>
				我们无法还原出<a href="#">生命本质</a>的内涵，只有显现它最浅显的一面。
				<br>
		
					当泪水和汗水交织在一起的时候，我们是无悔的。不管<a href="#">胜利的奖杯</a>	<br>	是否属于我们，我们仍是成功。只因为：我们努力过。</p>
			</section>
			<section class="link-border">
				<p>让过程变的美丽，让结果变得灿烂。这是一句<a href="#">迷人的谎言</a>。
					<br>
				为此，我们付出，我们无怨。	<br>
				总是在想，如果<a href="#">生命在青春中</a>便挥毫殆尽，那将是怎样的一种惨象？	<br>
				岁月是无情的。时间悄悄的流逝着，<a href="#">无声无息</a>。

				
				
				</p>
			</section>
			<section class="link-skewed">
				<p>
				我们<a href="#">默默的</a>承受着，来自生活的某种重负。
					<br>每当喘不过气来的时候，我们都带着<a href="#">善意的谎言</a>.<br>
					欺骗自己，欺骗生活，<a href="#">欺骗世界</a>.。
				</p>
			</section>
			<section class="link-textupline">
				<p>	<a href="#">光阴里</a>的故事，是无法言语的。<br>
				就像音乐，只有用<a href="#">心灵去倾听</a>，才能感受到它的美妙。
				<br>
				我是一个另类。别人这样说，我自己也这样说。<br>

喜欢带着<a href="#">孤独旅行</a>，因为找不到寂寞的感觉。

    </p>
			</section>
			<section class="link-tipoverlay">
				<p>深夜里，伴着片片落叶，徘徊在无尽悠长的街道，寻找着某种<a href="#">失落的错觉</a>。
				<br>
				<a href="#">学习，原来</a>，仅仅，是，一场梦。<br>

我们所想的，只是梦里的一只纸船。	<br>

顺着源头，载着无数的<a href="#">忧愁与烦恼</a>，漂向远方，远方…….

</p>
			</section>
			<section class="link-arrow">
				<p>我们<a href="#">学会招手</a>是时候，命运已经离我们远去。<br>
				我们必须学会握紧双手，<a href="#">扼住</a>命运的咽喉。<br>

放开的时候，我们已经拥有了一切。这，就是<a href="#">生命存活</a>的本质。</p>
			</section>
		
						<section class="link-scaleup">
				<p>当一切归于<a href="#">宁静</a>的时候。心，仍在动。<br>
				只是为了那一分完整，以及<a href="#">完整之后</a>的破碎。我们无法言语生命的内涵。<br>
				因为有生，所以有命。
				<br>
				人是一种<a href="#">陌生的动物</a>。所以，反复无常是他的本性。</p>
			</section>
			
			<section class="link-scaledown">
				<p>注：这是上<a href="#">高三补习</a>的时候（高四）写的随笔，原来敲录了几段在<a href="#">51博客</a>上，现在有自己建的博客网站所以存过来，算是<a href="#">归个档</a>吧。2年前 (2012-02-26)。</p>
			</section>
			
			<section class="link-textupline">
				<p>节选自我的《<a href="http://yusi123.com/534.html">高四随笔</a>》几则摘录</p>
			</section>
			
		</div><!-- /container -->
	

<!--

Page Caching using disk

 Served from: www.yusi123.com @ 2014-07-15 08:27:38 by W3 Total Cache --></body></html>